  <div class="comic-panel">
    <div class="comic-caption-top">树, 太阳, 心形</div>
    <svg width="300" height="500">
      <g transform="scale(0.3) translate(10,200)">
        <circle cx="212.59226" cy="103" r="64" fill="#ff6584"></circle>
      </g>
      <g transform="scale(0.3) translate(10,420)">
        <path d="M469.14225,369.461c0,123.61-73.4842,166.77-164.13156,166.77s-164.13156-43.16-164.13156-166.77S305.01069,88.59954,305.01069,88.59954,469.14225,245.851,469.14225,369.461Z" transform="translate(-140.87913 -88.59954)" fill="#32a2a2"></path>
        <polygon points="158.153 428.723 159.833 325.273 229.79 197.289 160.097 309.044 160.852 262.528 209.067 169.934 161.052 250.219 161.052 250.219 162.412 166.559 214.04 92.842 162.625 153.403 163.474 0 158.138 203.078 158.576 194.701 106.085 114.354 157.735 210.783 152.844 304.217 152.698 301.737 92.185 217.184 152.515 310.498 151.903 322.183 151.794 322.359 151.844 323.318 139.435 560.368 156.014 560.368 158.003 437.927 218.185 344.842 158.153 428.723" fill="#3f3d56"></polygon>
      </g>
      <g transform="scale(0.4) translate(210,220)">
        <polygon points="158.153 428.723 159.833 325.273 229.79 197.289 160.097 309.044 160.852 262.528 209.067 169.934 161.052 250.219 161.052 250.219 162.412 166.559 214.04 92.842 162.625 153.403 163.474 0 158.138 203.078 158.576 194.701 106.085 114.354 157.735 210.783 152.844 304.217 152.698 301.737 92.185 217.184 152.515 310.498 151.903 322.183 151.794 322.359 151.844 323.318 139.435 560.368 156.014 560.368 158.003 437.927 218.185 344.842 158.153 428.723" fill="#9f9d56"></polygon>
      </g>
      <g transform="scale(0.4) translate(0,30)">
        <path d="M554.0681,275.83244l-4.10667-1.34461c-14.65757-4.94175-24.28706-8.09772-27.717-15.82908a12.03257,12.03257,0,0,1,6.15851-16.12565,13.08868,13.08868,0,0,1,10.99658.23548,13.08815,13.08815,0,0,1,7.20516-8.31059,12.03257,12.03257,0,0,1,16.088,6.25607c3.43,7.73146-.69262,16.98849-6.86548,31.17145Z" transform="translate(-191.42251 -91.05619)" fill="#ff6584"></path>
      </g>
      <g transform="scale(0.4) translate(0,30)">
        <path d="M668.95185,461.79633v22.24826h2.1987V465.09452" transform="translate(-126.08831 -79.55369)" fill="#3f3d56"></path>
        <path d="M671.15055,456.84468v-55.2515h-2.1987v51.96076" transform="translate(-126.08831 -79.55369)" fill="#3f3d56"></path>
        <circle cx="543.96289" cy="301.03949" r="27.03711" fill="#6c63ff"></circle>
        <path d="M684.81533,432.14837c-6.49219,5.14594-15.48216,4.61548-15.48216,4.61548s1.53594-8.87366,8.02813-14.0196,15.48216-4.61548,15.48216-4.61548S691.30752,427.00244,684.81533,432.14837Z" transform="translate(-126.08831 -79.55369)" fill="#6c63ff"></path>
        <path d="M663.36408,422.23706c5.81176,5.90361,6.24735,14.89868,6.24735,14.89868s-8.98713-.57657-14.79889-6.48018-6.24735-14.89868-6.24735-14.89868S657.55232,416.33346,663.36408,422.23706Z" transform="translate(-126.08831 -79.55369)" fill="#6c63ff"></path>
      </g>
    </svg>
  </div>

  <div class="comic-panel">
    <div class="comic-caption-top">电脑</div>
    <svg width="300" height="500">
      <g transform="scale(0.3) translate(10,200)">
        <path d="M679.716,755.57537l-14.5923-6.1443-10.01026-73.15138H521.80882l-10.85038,72.85252-13.05511,6.52746a3.10016,3.10016,0,0,0,1.38657,5.873H678.51333A3.1,3.1,0,0,0,679.716,755.57537Z" transform="translate(-178 -137.70421)" fill="#e6e6e6"></path>
        <path d="M916.60741,686.01216H261.77821a12.97344,12.97344,0,0,1-12.9443-12.97332V580.69932h680.7178v92.33952A12.97357,12.97357,0,0,1,916.60741,686.01216Z" transform="translate(-178 -137.70421)" fill="#ccc"></path>
        <path d="M930.23622,624.34119h-682V229.23991a15.6572,15.6572,0,0,1,15.63964-15.63908H914.59639a15.65735,15.65735,0,0,1,15.63983,15.63908Z" transform="translate(-178 -137.70421)" fill="#3f3d56"></path>
        <path d="M889.50306,595.66469H288.96938a12.07023,12.07023,0,0,1-12.057-12.05666V254.334a12.07088,12.07088,0,0,1,12.057-12.05741H889.50306a12.07088,12.07088,0,0,1,12.057,12.05741V583.608A12.07023,12.07023,0,0,1,889.50306,595.66469Z" transform="translate(-178 -137.70421)" fill="#fff"></path>
        <path d="M757.65622,762.29577l-337.44821,0a1.56682,1.56682,0,0,1-1.53909-1.13364,1.52911,1.52911,0,0,1,1.47725-1.91892l337.385,0a1.61535,1.61535,0,0,1,1.61617,1.19368A1.52819,1.52819,0,0,1,757.65622,762.29577Z" transform="translate(-178 -137.70421)" fill="#ccc"></path>
      </g>
    </svg>
  </div>
  <div class="comic-panel">
    <div class="comic-caption-top">手机</div>
    <svg width="300" height="500">
      <g transform="scale(0.3) translate(10,200)">
        <path d="M778.64963,250.35008h-3.99878V140.80476a63.40187,63.40187,0,0,0-63.4018-63.40193H479.16232a63.40188,63.40188,0,0,0-63.402,63.4017v600.9744a63.40189,63.40189,0,0,0,63.4018,63.40192H711.24875a63.40187,63.40187,0,0,0,63.402-63.40168V328.32632h3.99878Z" transform="translate(-154.35252 -77.40283)" fill="#3f3d56"></path>
        <path d="M761.156,141.24713v600.09a47.35072,47.35072,0,0,1-47.35,47.35h-233.2a47.35084,47.35084,0,0,1-47.35-47.35v-600.09a47.3509,47.3509,0,0,1,47.35-47.35h28.29a22.50659,22.50659,0,0,0,20.83,30.99h132.96a22.50672,22.50672,0,0,0,20.83-30.99h30.29A47.35088,47.35088,0,0,1,761.156,141.24713Z" transform="translate(-154.35252 -77.40283)" fill="#fff"></path>
        <path d="M488.93638,356.14169a4.47525,4.47525,0,0,1-3.30664-1.46436L436.00767,300.544a6.02039,6.02039,0,0,0-4.42627-1.94727H169.3618a15.02615,15.02615,0,0,1-15.00928-15.00927V189.025a15.02615,15.02615,0,0,1,15.00928-15.00928H509.087A15.02615,15.02615,0,0,1,524.0963,189.025v94.5625A15.02615,15.02615,0,0,1,509.087,298.59676h-9.63135a6.01157,6.01157,0,0,0-6.00464,6.00489v47.0332a4.474,4.474,0,0,1-2.87011,4.1958A4.52563,4.52563,0,0,1,488.93638,356.14169Z" transform="translate(-154.35252 -77.40283)" fill="#fff" stroke="rgb(0,0,0)"></path>
        <path d="M709.41908,676.83065a4.474,4.474,0,0,1-2.87011-4.1958v-47.0332a6.01157,6.01157,0,0,0-6.00464-6.00489H690.913a15.02615,15.02615,0,0,1-15.00928-15.00927V510.025A15.02615,15.02615,0,0,1,690.913,495.01571H1030.6382a15.02615,15.02615,0,0,1,15.00928,15.00928v94.5625a15.02615,15.02615,0,0,1-15.00928,15.00927H768.4186a6.02039,6.02039,0,0,0-4.42627,1.94727l-49.62207,54.1333a4.47525,4.47525,0,0,1-3.30664,1.46436A4.52563,4.52563,0,0,1,709.41908,676.83065Z" transform="translate(-154.35252 -77.40283)" fill="#fff" stroke="rgb(0,0,0)"></path>
      </g>
    </svg>
  </div>

  <div class="comic-panel">
    <div class="comic-caption-top">行李箱</div>
    <svg width="300" height="500">
      <g transform="scale(0.3) translate(10,200)">
        <path d="M874.27224,738.18676c18.00121-4.97252,25.683,22.36344,7.72721,27.49481C863.99909,770.6539,856.31729,743.31793,874.27224,738.18676Z" transform="translate(-138.5 -131.19774)" fill="#3f3d56"></path>
        <path d="M974.07963,703.00347c18.00121-4.97253,25.683,22.36344,7.72722,27.4948C963.80649,735.47061,956.12469,708.13464,974.07963,703.00347Z" transform="translate(-138.5 -131.19774)" fill="#3f3d56"></path>
        <path d="M833.87862,449.87926l.27833-.07825,46.36669,125.882,6.113-1.71826L839.93746,447.17986v0a8.57441,8.57441,0,0,0-7.17112-8.01756c-23.188-3.6667-32.58718,16.917-32.58718,16.917l.09278.13684,47.40454,128.69934,6.113-1.7182L807.78,458.28471C821.78683,444.43077,833.87862,449.87926,833.87862,449.87926Z" transform="translate(-138.5 -131.19774)" fill="#3f3d56"></path>
        <path d="M887.01949,745.26805a31.06163,31.06163,0,0,1-29.45166-22.0332c-8.84912-28.96484-29.729-98.36524-32.4956-117.19922-3.602-24.52246,16.69531-31.49609,17.14746-31.64551.54639-.18359,8.707-2.46777,20.00146-5.6289,19.19922-5.37305,48.21289-13.49317,49.2793-13.97266a34.56208,34.56208,0,0,1,27.57715,2.12988,36.09431,36.09431,0,0,1,17.92578,22.11426l29.86524,106.25293a28.72434,28.72434,0,0,1-15.22315,33.72266c-23.04394,11.07129-56.84131,25.83984-84.17187,26.25683C887.32272,745.26708,887.16988,745.26805,887.01949,745.26805Z" transform="translate(-138.5 -131.19774)" fill="#6c63ff"></path>
      </g>
    </svg>
  </div>